<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>REST Tester Main</title>
<link type="text/css" href="css/main.css" rel="stylesheet" />
<link type="text/css" href="css/start/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/gears_init.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<div id="title_panel">
<div><a id="logo" title="Powered by Google Gears" href="http://gears.google.com/"> <img src="./images/gears-logo.png" alt="Powered by Google Gears"
    border="0" /> </a></div>
<h1 id="banner">REST Post Tester</h1>
</div>
<div id="left_panel">
    <div id="project_panel">
        <table class="list_table" cellpadding="2px" cellspacing="2px">
            <tr>
                <th colspan="2" style="border-bottom: 1px solid #A6C9E2;">Proejct List</th>
            </tr>
            <tr>
                <td align="right">
                    <button id="prj_list_add"><img src="./images/add_16.png" /></button>
                </td>
                <td align="left">
                    <button id="prj_list_del"><img src="./images/subtract_16.png" /></button>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center" style="padding-bottom: 10px;">
                    <select id="prj_list" class="list" size="10"></select>
                </td>
            </tr>
        </table>
    </div>
    <div id="case_panel">
    <table class="list_table" cellpadding="2px" cellspacing="2px">
        <tr>
            <th colspan="2" style="border-bottom: 1px solid #A6C9E2;">Case List</th>
        </tr>
        <tr>
            <td align="right">
            <button id="case_list_add"><img src="./images/add_16.png" /></button>
            </td>
            <td align="left">
            <button id="case_list_del"><img src="./images/subtract_16.png" /></button>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center" style="padding-bottom: 10px;">
                <select id="case_list" class="list" size="25"></select>
            </td>
        </tr>
    </table>
    </div>
</div>
<div id="right_panel">
<div id="action_panel">
    <p>Actions:</p>
    <button id="post_btn">POST</button>
    <button id="get_btn">GET</button>
    <button id="put_btn">PUT</button>
    <button id="delete_btn">DELETE</button>
    <button id="head_btn">HEAD</button>
</div>
<div id="param_panel">
<table style="width: 90%; height: 100%">
    <tr>
        <td height="40px" align="left">URL:</td>
        <td><input id="url_txt" type="text" size="100" value="http://localhost:8080/m/login"/></td>
    </tr>
    <tr>
        <td colspan="2">
            <div id="param_content">
                <ul>
                    <li><a href="#tab_content">Content To Send</a></li>
                    <li><a href="#tab_header">Headers</a></li>
                    <li><a href="#tab_parameter">Parameters</a></li>
                </ul>
                <div id="tab_content">
                <h2>Content</h2>
                <table>
                    <tr>
                        <td>File:</td>
                        <td><input id="post_file" type="file" size="60" /></td>
                    </tr>
                    <tr>
                        <td>Content Type:</td>
                        <td><input id="post_content_type" type="text" size="60" value="application/x-www-form-urlencoded"/></td>
                    </tr>
                    <tr>
                        <td>Content Option:</td>
                        <td>
                            <button id="base64_btn">Base64</button>
                            <button id="param_body_btn">Parameters Body</button>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2"><textarea id="param_body_txt" cols="70" rows="10"></textarea></td>
                    </tr>
                </table>
                </div>
                <div id="tab_header">
                    <h2>Headers</h2>
                    <table id="header_list_tb" class="list_tb" width="100%" border="1" bordercolor="#A6C9E2">
                        <thead>
                            <tr>
                                <th colspan="3" align="left">
                                    <button id="header_add"><img src="./images/add_16.png" /></button>
                                    <button id="header_del"><img src="./images/subtract_16.png" /></button>
                                </th>
                            </tr>
                            <tr>
                                <th><input id="header_sel_all" type="checkbox" /></th>
                                <th>Name</th>
                                <th>Value</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td width="5px" align="center"><input class="header_sel" type="checkbox" /></td>
                                <td width="130px"><input class="header_name" type="text" style="width: 95%"/></td>
                                <td><input class="header_value" type="text" style="width: 95%"/></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div id="tab_parameter">
                    <h2>Parameters</h2>
                    <table id="param_list_tb" class="list_tb" width="100%" border="1"  bordercolor="#A6C9E2">
                        <thead>
                            <tr>
                                <th colspan="3" align="left">
                                    <button id="param_add"><img src="./images/add_16.png" /></button>
                                    <button id="param_del"><img src="./images/subtract_16.png" /></button>
                                </th>
                            </tr>
                            <tr>
                                <th><input id="param_sel_all" type="checkbox" /></th>
                                <th>Name</th>
                                <th>Value</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td width="5px" align="center"><input class="param_sel" type="checkbox" /></td>
                                <td width="130px"><input class="param_name" type="text" style="width: 95%"/></td>
                                <td><input class="param_value" type="text" style="width: 95%"/></td>
                            </tr>
                        </tbody>
                    </table>   
                </div>
            </div>
        </td>
    </tr>
</table>
</div>
</div>
<div style="clear: both;"></div>
<div id="foot_panel">copyright: nobody</div>
</body>
</html>
